<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--优先使用IE最新版本和Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
    <!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <!--禁止浏览器自动的识别-电话号码-email--->
    <meta name="format-detection" content="telephone=no,email=no"/>
    <!--是否启用Web全屏-->
    <meta name="apple-mobile-web-app-capable" content='yes' />
    <meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
    <!--设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content='black' />
    <title>Title</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../css/registrations/statistical.css">
    <script src="../js/zepto.min.js"></script>
</head>
<body>
<header>
    <a href="home.html"><span class="fa fa-angle-left span"></span></a>
    <p>
        注册量统计
        <span class="fa fa-caret-down" id="xl"></span>
    </p>
</header>
<div class="banner">
    <img src="../img/statistical/statistical_03.png" alt="">
</div>
<div class="content">
    <ul class="ul1">
        <li class="active">今日注册量</li>
        <li>一周注册量</li>
        <li>一个月注册量</li>
    </ul>
    <div class="show">
        <ul class="ul2">
            <li>
                <p>15808012356</p>
                <p>
                    <span>天天消消乐</span>
                    <span>APP场景</span>
                    <span>短信注册</span>
                </p>
                <p>注册时间: 2017/7/20 20:00</p>
            </li>
            <li>
                <p>15205481254</p>
                <p>
                    <span>天天消消乐</span>
                    <span class="blue">H5/web场景</span>
                    <span class="red">闪注注册</span>
                </p>
                <p>注册时间: 2017/7/20 20:00</p>
            </li>
            <li>
                <p>13054826256</p>
                <p>
                    <span>天天消消乐</span>
                    <span>APP场景</span>
                    <span class="red">闪注注册</span>
                </p>
                <p>注册时间: 2017/7/20 20:00</p>
            </li>
            <li>
                <p>18656258421</p>
                <p>
                    <span>天天消消乐</span>
                    <span>APP场景</span>
                    <span>短信注册</span>
                </p>
                <p>注册时间: 2017/7/20 20:00</p>
            </li>
        </ul>
    </div>
    <div>
        <ul class="ul2">
            <li>
                <p>222222222</p>
                <p>
                    <span>天天消消乐</span>
                    <span>APP场景</span>
                    <span>短信注册</span>
                </p>
                <p>注册时间: 2017/7/20 20:00</p>
            </li>
            <li>
                <p>15205481254</p>
                <p>
                    <span>天天消消乐</span>
                    <span class="blue">H5/web场景</span>
                    <span class="red">闪注注册</span>
                </p>
                <p>注册时间: 2017/7/20 20:00</p>
            </li>
            <li>
                <p>13054826256</p>
                <p>
                    <span>天天消消乐</span>
                    <span>APP场景</span>
                    <span class="red">闪注注册</span>
                </p>
                <p>注册时间: 2017/7/20 20:00</p>
            </li>
            <li>
                <p>18656258421</p>
                <p>
                    <span>天天消消乐</span>
                    <span>APP场景</span>
                    <span>短信注册</span>
                </p>
                <p>注册时间: 2017/7/20 20:00</p>
            </li>
        </ul>
    </div>
    <div>
    <ul class="ul2">
        <li>
            <p>33333</p>
            <p>
                <span>天天消消乐</span>
                <span>APP场景</span>
                <span>短信注册</span>
            </p>
            <p>注册时间: 2017/7/20 20:00</p>
        </li>
        <li>
            <p>15205481254</p>
            <p>
                <span>天天消消乐</span>
                <span class="blue">H5/web场景</span>
                <span class="red">闪注注册</span>
            </p>
            <p>注册时间: 2017/7/20 20:00</p>
        </li>
        <li>
            <p>13054826256</p>
            <p>
                <span>天天消消乐</span>
                <span>APP场景</span>
                <span class="red">闪注注册</span>
            </p>
            <p>注册时间: 2017/7/20 20:00</p>
        </li>
        <li>
            <p>18656258421</p>
            <p>
                <span>天天消消乐</span>
                <span>APP场景</span>
                <span>短信注册</span>
            </p>
            <p>注册时间: 2017/7/20 20:00</p>
        </li>
    </ul>
    </div>
</div>
<div class="zz">
    <div class="con">
        <div class="one">
            <a href="javascript:;" class="a">全部</a>
        </div>
        <div class="two">
            <div class="top">
                <span class="x"></span>
                <span>应用场景</span>
                <span class="x"></span>
            </div>
            <div class="bottom">
                <a href="javascript:;">APP</a>
                <a href="javascript:;">H5/web</a>
            </div>
        </div>
        <div class="three">
            <div class="top">
                <span class="x"></span>
                <span>注册方式</span>
                <span class="x"></span>
            </div>
            <div class="bottom">
                <a href="javascript:;">闪注</a>
                <a href="javascript:;">短信</a>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../js/rem..js"></script>
<script>
    $(".content .ul1 li").click(function () {
        $(".content .ul1 li").removeClass("active");
        $(".content div").removeClass("show");
        $(this).addClass("active");
        var index=$(this).index();
        $(".content div").eq(index).addClass("show");
    })

    $("#xl").click(function () {
        $(".zz").show();
    })
    $(".zz a").click(function () {
        $(".zz a").removeClass("a");
        $(this).addClass("a")
        $(".zz").hide();
    })
</script>
</html>